<template>
	<view class="layout sysBg">
		<CustomNavBar title="分类"></CustomNavBar>
		<view class="themeConent">
			<ThemeComponet :themeList="themeList"></ThemeComponet>
		</view>
	</view>
</template>

<script setup>
  import { getMoreThemeList } from '@/api/theme/themeApi';
  const themeList = ref([]);
  const getThemeListFromServer = () => {
  	return getMoreThemeList();
  }
 //生命周期函数
 onLoad(async()=>{
	 const result = await getThemeListFromServer();
	 themeList.value = result.themeList;
 });

	
</script>

<style lang="scss" scoped>
  .layout{
	  width: 100%;
	  padding: 20rpx 30rpx 50rpx;
  }
</style>
